
<div class="login">
    <!-- PAGE -->
    <section id="page">
        <!-- HEADER -->
        <header>
            <!-- NAV-BAR -->
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-md-offset-4">
                        <div id="logo">
                            <a href="index.html"><img src="assets/img/logo/logo-alt.png" height="40" alt="logo name" /></a>
                        </div>
                    </div>
                </div>
            </div>
            <!--/NAV-BAR -->
        </header>
        <!--/HEADER -->
        <!-- LOGIN -->
        <section id="login" class="visible">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-md-offset-4">
                        <div class="login-box-plain">
                            <h2 class="bigintro" translate="">Sign In</h2>
                            <div class="divide-40"></div>
                            <form role="form" ng-submit="login($event)">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">username</label>
                                    <i class="fa fa-envelope"></i>
                                    <input type="text" class="form-control" id="exampleInputEmail1" ng-model="username">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputPassword1">Password</label>
                                    <i class="fa fa-lock"></i>
                                    <input type="password" class="form-control" id="exampleInputPassword1" ng-model="password">
                                </div>
                                <div class="form-group">
                                    <label for="rememberMe">
                                        <nobr>
                                            <input type="checkbox" id="rememberMe" ng-model="rememberMe" checked>
                                            <span translate="">Remember me</span>
                                        </nobr>
                                    </label>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-danger" translate="">Submit</button>
                                    <div class="alert alert-danger" ng-show="autheticationError">
                                        <p class="help-block">
                                            login failed,please check your username or passord
                                        </p>
                                    </div>
                                </div>
                            </form>
                            <!-- SOCIAL LOGIN -->
                            <!-- /SOCIAL LOGIN -->
                            <div class="login-helpers">
                                <a href="#" onclick="swapScreen('forgot');return false;" translate="">Forgot Password?</a> <br>
                                Don't have an account with us? <a href="javascript:swapScreen('register')">Register
                                now!</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--/LOGIN -->
        <!-- REGISTER -->
        <section id="register">
            <div class="container" ng-controller="RegisterController">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3">
                        <div class="login-box-plain">
                            <h2 class="bigintro">注册页</h2>
                            <div class="divide-40"></div>

                            <div>
                                <div class="alert alert-success" ng-show="success">
                                    <strong>注册成功</strong>
                                </div>

                                <div class="alert alert-danger" ng-show="mobileNotNull">
                                    <strong>手机号不能为空</strong>请您填写手机号
                                </div>

                                <div class="alert alert-danger" ng-show="errorUserExists" >
                                    <strong>Login name already registered!</strong> Please choose another one.
                                </div>

                                <div class="alert alert-danger" ng-show="errorEmailExists">
                                    <strong>E-mail is already in use!</strong> Please choose another one.
                                </div>

                                <div class="alert alert-danger" ng-show="doNotMatch">
                                    The password and its confirmation do not match!
                                </div>
                            </div>

                            <form ng-show="!success" name="form" role="form" novalidate ng-submit="register()" show-validation>
                                <div class="form-group">
                                    <label class="control-label" for="mobile">手机号</label>
                                    <input type="text" class="form-control" id="mobile" name="mobile" placeholder="mobile"
                                           ng-model="registerAccount.mobile" ng-minlength=5 ng-maxlength=100 required/>
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="password">密码</label>
                                    <input type="password" class="form-control" id="password" name="password" placeholder="password"
                                           ng-model="registerAccount.password" ng-minlength=5 ng-maxlength=50 required/>
                                </div>
                                <div>
                                    <label class="control-label" for="verifyCode">验证码</label>
                                    <i class="fa fa-refresh" ng-click="getVerifyCode()"></i>
                                    <input type="text" class="form-control" id="verifyCode" name="verifyCode" placeholder="verifyCode"
                                           ng-model="registerAccount.verifyCode">
                                </div>
                                <div class="form-actions">
                                    <button type="submit" class="btn btn-success">注册</button>
                                </div>
                            </form>
                            <div class="login-helpers">
                                <a href="#" onclick="swapScreen('login');return false;" translate="">返回登录页</a> <br>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!--/REGISTER -->
        <!-- FORGOT PASSWORD -->
        <section id="forgot" ng-controller="ResetPasswordController">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-md-offset-4">
                        <div class="login-box-plain">
                            <h2 class="bigintro" translate="">Reset Password</h2>
                            <div class="divide-40"></div>
                            <form role="form" ng-sumit="resetPassword()">
                                <div class="form-group">
                                    <label for="resetInputEmail1">Enter your Email address</label>
                                    <i class="fa fa-envelope"></i>
                                    <input type="email" class="form-control" id="resetInputEmail1" ng-model="resetPasswordEmail">
                                </div>
                                <div class="form-actions">
                                    <button type="submit" class="btn btn-info" ng-click="sendEmailKey()">Send Me Reset Instructions</button>
                                </div>
                            </form>
                            <div class="login-helpers">
                                <a href="javascript:swapScreen('login')" >Back to Login</a> <br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- FORGOT PASSWORD -->
        <!--
        <section id="resetPassord" ng-controller="ResetPasswordController">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-md-offset-4">
                        <div class="login-box-plain">
                            <h2 class="bigintro" translate="">Reset Password</h2>
                            <div class="divide-40"></div>
                            <form role="form" ng-sumit="resetPassword()">
                                <div class="form-group">
                                    <label for="verifyCode">邮箱验证码</label>
                                    <i class="fa fa-envelope"></i>
                                    <input class="form-control" id="verifyCode" ng-model="resetKey">
                                </div>
                                <div class="form-group">
                                    <label for="newPasswrod">新密码</label>
                                    <i class="fa fa-envelope"></i>
                                    <input class="form-control" id="newPasswrod" ng-model="newPassword">
                                </div>
                                <div class="form-group">
                                    <label for="newPasswordConfirm">新密码确认</label>
                                    <i class="fa fa-envelope"></i>
                                    <input class="form-control" id="newPasswordConfirm" ng-model="newPasswordConfirm">
                                </div>
                                <div class="form-actions">
                                    <button type="submit" class="btn btn-info" ng-click="resetPasswordWithKey()">提交</button>
                                </div>
                            </form>
                            <div class="login-helpers">
                                <a href="javascript:swapScreen('login')" >Back to Login</a> <br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>-->
    </section>


    <!--<script type="text/javascript">
        function swapScreen(id) {
            jQuery('.visible').removeClass('visible animated fadeInUp');
            jQuery('#'+id).addClass('visible animated fadeInUp');
        }
    </script>-->
    <!-- /JAVASCRIPTS -->
</div>
